<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Quản Lý Dịch Vụ Kèm Theo | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH VỤ MINH VIỆT</title>

    <!-- Bootstrap framework -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
    <!-- gebo blue theme-->
    <link rel="stylesheet" href="css/blue.css" id="link_theme" />
    <!-- breadcrumbs-->
    <link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
    <!-- tooltips-->
    <link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />
    <!-- code prettify -->
    <link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />    
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />    
    <!-- splashy icons -->
    <link rel="stylesheet" href="img/splashy/splashy.css" />
    <!-- colorbox -->
    <link rel="stylesheet" href="lib/colorbox/colorbox.css" />	
    <!-- main styles -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="gebo-fixed menu_hover sidebar_hidden">
    <div id="maincontainer" class="clearfix">
      <!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
      <div id="contentwrapper">
        <div class="main_content">
          <!-- BreadCrumb -->
          <nav>
            <div id="jCrumbs" class="breadCrumb module">
              <ul>
                <li>
                  <a href="#"><i class="icon-home"></i></a>
                </li>
                <li>
                  <a href="#">Quản lý Booking</a>
                </li>                  
                <li>
                  Dịch vụ kèm theo
                </li>                               
              </ul>
            </div>
          </nav>
          <!-- End BreadCrumb -->
          <div class="row-fluid">
            <div class="span12">
              <div class="heading"> 
                <h3 class="title_page">Quản lý dịch vụ kèm theo</h3> 
              </div>              
            </div>
          </div>
          <div class="row-fluid">
            <div class="span6">	              
                  <div class="btn-group padding_bootom">
                    <a href="#addnewservice" data-toggle="modal" data-backdrop="static" class="btn btn-primary "><i class=" icon-white icon-plus"></i> Thêm mới dịch vụ</a>
                  </div>  
                  <table class="table table-condensed table-bordered table-fixed-header">
                    <thead class="header">
                      <tr>
                        <th>Tên dịch vụ</th>
                        <th>Đơn vị tính</th>
                        <th style="width: 60px;">Thao tác</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>Nước cocacola</td>
                        <td>Chai</td>
                        <td>
                          <a href="#edit_service" data-toggle="modal"  class="ttip_t sepV_a"   title="Sửa dịch vụ"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Xóa dịch vụ"><i class="icon-trash"></i></a>                         
                        </td>                        
                      </tr>
                      <tr>
                        <td>Nước khoáng chai nhựa</td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Khăn ướt</td>
                        <td>Cái</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                      <tr>
                        <td>Bia hà nội </td>
                        <td>Chai</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t" title="Edit"><i class="icon-pencil"></i></a>
                          <a href="#" class="ttip_t" title="Delete"><i class="icon-trash"></i></a>                         
                        </td>                         
                      </tr>
                    </tbody>
                  </table>	
                  <div class="pagination text-right">
                    <ul>
                      <li class="prev"><a href="#">&lt; Trở lại </a> </li>
                      <li class="active"><a href="#">1</a></li>
                      <li ><a href="#">2</a></li>
                      <li class="next "><a href="#">Trang tiếp &gt; </a></li></ul>
                  </div>                  
            </div>
          </div>

        </div>
      </div>
      
      <!-- Popup add news -->
        <div class="modal hide" id="addnewservice">
            <!-- Form add -->
            <form class="form-horizontal" action="#" method="post">
								<div class="modal-header">
									<button class="close" data-dismiss="modal">×</button>
									<h3>Thêm mới dịch vụ</h3>
								</div>
								<div class="modal-body">
                     <div class="control-group">
                       <label class="control-label">Tên dịch vụ <span class="f_req">*</span></label>
                       <div class="controls">
                         <input type="text" value=""   placeholder="Tên dịch vụ"/>
                       </div>
                     </div>
                     <div class="control-group">
                       <label class="control-label">Đơn vị tính <span class="f_req">*</span></label>
                       <div class="controls">
                         <input type="text" value="" placeholder="Tên đơn vị tính "/>
                       </div>
                     </div>
                </div>
								<div class="modal-footer">
                  <button class="btn btn-primary" type="submit"><i class="icon-ok icon-white"></i> Lưu lại</button>
									<a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
								</div>
              </form>
            <!-- End Form  add -->          
        </div>
      <!-- end popup add new -->

      
      <!-- Popup edit -->
        <div class="modal hide" id="edit_service">
            <!-- Form edit -->
            <form class="form-horizontal" action="#" method="post">
								<div class="modal-header">
									<button class="close" data-dismiss="modal">×</button>
									<h3>Sửa dịch vụ</h3>
								</div>
								<div class="modal-body">
                     <div class="control-group">
                       <label class="control-label">Tên dịch vụ <span class="f_req">*</span></label>
                       <div class="controls">
                         <input type="text" value="Nước cocacola"   placeholder="Tên dịch vụ"/>
                       </div>
                     </div>
                     <div class="control-group">
                       <label class="control-label">Đơn vị tính <span class="f_req">*</span></label>
                       <div class="controls">
                         <input type="text" value="Chai" placeholder="Tên đơn vị tính "/>
                       </div>
                     </div>
                </div>
								<div class="modal-footer">
                  <button class="btn btn-primary" type="submit"><i class="icon-ok icon-white"></i> Lưu lại</button>
									<a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
								</div>
              </form>
            <!-- End Form  edit -->          
        </div>
      <!-- end popup edit -->      
      <script src="js/jquery.min.js"></script>
			<!-- smart resize event -->
			<script src="js/jquery.debouncedresize.min.js"></script>
			<!-- hidden elements width/height -->
			<script src="js/jquery.actual.min.js"></script>
			<!-- js cookie plugin -->
			<script src="js/jquery.cookie.min.js"></script>
			<!-- main bootstrap js -->
			<script src="bootstrap/js/bootstrap.min.js"></script>
			<!-- tooltips -->
			<script src="lib/qtip2/jquery.qtip.min.js"></script>
			<!-- jBreadcrumbs -->
			<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
			<!-- fix for ios orientation change -->
			<script src="js/ios-orientationchange-fix.js"></script>
			<!-- scrollbar -->
			<script src="lib/antiscroll/antiscroll.js"></script>
			<script src="lib/antiscroll/jquery-mousewheel.js"></script>
			<!-- lightbox -->
            <script src="lib/colorbox/jquery.colorbox.min.js"></script>
            <!-- common functions -->
			<script src="js/gebo_common.js"></script>

      <script>
      $(document).ready(function() {
        //* show all elements & remove preloader
        
        //* confirm reload page    
        var isEdit	= false;
        $('input').change(function() {
          isEdit = true;
        });
        $('#edit_service').click(function (){
          var isEdit	= false;
         
        });        
        function checkIsEdit(isEdit) {
          if(isEdit){
            return "Bạn đã sửa đổi một số nội dung bạn có muốn thoát ?";
          }
        }
      // window.onbeforeunload = checkIsEdit;
      });      
      </script>

    </div>
  </body>
</html>